@charset "utf-8";
/* CSS Document */
@import url(../qq/index.css);

body{ font-size:12px; line-height:1.8em; color:#000; background-color:#f3f3f3; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0;padding:0;}
input, textarea, select{ font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size:12px;}
ul{ margin:0px; padding:0px; list-style-type:none;}
li{ list-style:none;}
a,a:visited{color:#000; text-decoration:none;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.wrap{ width:1000px; margin:0 auto;}
.wrap1{ width:960px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.mt20{ margin-top:20px;}
/*----------------------------------------------end main-----------------------------------------*/


.right{ width:688px;}
.u_here{ border-bottom:solid 1px #ccc; line-height:30px; height:30px;}
.right .info{ padding:10px; line-height:25px;}
.right .info img{ max-width:668px;}


.top{ background:url(../images/top_bg.jpg) left top repeat-x; height:79px; padding-top:10px;}

.logo{ width:487px; height:65px; background:url(../images/logo.jpg) left top no-repeat;}
.tel{ width:233px; height:65px; background:url(../images/tel.jpg) left top no-repeat;}

.nav{ line-height:41px; height:42px; background:url(../images/nav_bg.jpg) left top repeat-x;}
.nav ul li{ float:left; padding:0 40px; line-height:42px; background:url(../images/nav_r.jpg) right top no-repeat;}
.nav ul li a{ color:#fff;}
.nav ul li a:hover{ background-color:e1e1e1;}


.main{ margin-top:20px; border:solid 1px #ccc; padding:20px; background-color:#fff;}

.i_left{ width:290px;}
.i_right{ width:710px;}


.about { width:680px; float:left;}
.about .title{ background:url(../images/about.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:20px;}
.about .title span{ float:right;}
.about .title a{ display:block; width:36px; height:18px; margin-top:3px; text-indent:-9999px; background:url(../images/more.jpg) left top no-repeat;}
.about .info{ line-height:25px;}
.about .info img{ float:left; width:280px; height:216px; margin-right:10px;}

.contact{ float:right; width:240px;}
.contact .title{ background:url(../images/contact.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:20px;}
.contact .info{ line-height:25px;}


.i_left{ width:245px; float:left;}
.i_left .title1{ background:url(../images/cate.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:10px;}
.i_left .title2{ background:url(../images/news.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:10px; margin-top:20px;}
.i_left .info ul li{ line-height:30px; border-bottom:dashed 1px #ccc;}
.i_left .info ul li span{ float:right;}
.i_left .news ul li{ line-height:30px; border-bottom:dashed 1px #ccc; background:url(../images/dot.jpg) left center no-repeat; text-indent:15px;}
.i_right{ float:right; width:680px;}
.i_right .title{ background:url(../images/product.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:10px;}





.foot{line-height:30px; height:120px; padding:20px 0; margin-top:20px; background:url(../images/foot.jpg) center top no-repeat; color:#fff;}
.foot a{ color:#fff;}
.foot .copyright{ float:left; width:450px; margin-left:280px;}

.foot .er{ float:right; width:130px; height:130px;}


.logo_en{ width:550px; height:65px; background:url(../images/logo_en.jpg) left top no-repeat;}
.tel_en{ width:233px; height:65px; background:url(../images/tel_en.jpg) left top no-repeat;}
.about .title_en{ background:url(../images/about_en.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:20px;}
.contact .title_en{ background:url(../images/contact_en.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:20px;}
.i_left .title1_en{ background:url(../images/cate_en.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:10px;}
.i_left .title2_en{ background:url(../images/news_en.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:10px; margin-top:20px;}
.i_right .title_en{ background:url(../images/product_en.jpg) left top no-repeat; height:30px; border-bottom:solid 1px #ccc; margin-bottom:10px;}


.tel_en ul li{ float:right; margin-left:10px;}
.tel ul li{ float:right; margin-left:10px;}